﻿ * {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.wrap {
    padding: 15px;
}

#logo {
    width: 100%;
    height: 7em;
    background-color: #f28d00;
    text-align: center;
    line-height: 7em;
    font-family: "微软雅黑";
    font-weight: bold;
}

    #logo a {
        font-size: 40px;
        color: white;
    }


/*分割条*/
.pd {
    display: block;
    padding-top: 25px;
}

/*左内容部分*/


.cstypedes {
    display: block;
    padding: 0;
    width: 100%;
}

    .cstypedes .title {
        display: block;
        color: #000;
        font-size: 2em;
        padding: 0;
        font-weight: normal;
    }

    .cstypedes .hdes {
        font-size: 1em;
        color: #737373;
        padding: 1.2em 0;
        display: block;
        line-height: 1.6em;
    }


/*左边列表*/
.clear {
    clear: both;
}

/*右内容部分*/
.right {
    display: block;
    float: right;
    width: 29%;
    height: auto;
    background-color: #f9f9f9;
}

.r-htit {
    display: block;
    padding: 0 0 1.5em 1.2em;
    color: #414141;
    font-size: 1.2em;
}

/*微信二维码*/
.cpcode {
    display: block;
    padding-left: 1.5em;
}

    .cpcode img {
        width: 160px;
        height: 160px;
        margin: 0 auto;
        display: block;
    }

    .cpcode i {
        font-style: normal;
        display: block;
        font-size: 1em;
        color: #737373;
        text-align: center;
        padding: 1em 0;
    }

a {
    color: #4C4C4C;
    text-decoration: none;
}

#citydr-list {
    display: block;
    width: 263px;
    height: auto;
    padding: 20px;
    padding-top: 0;
    padding-bottom: 15px;
}

    #citydr-list li {
        height: auto;
        display: block;
        border-bottom: dotted 1px #E5E5E5;
        clear: both;
    }

        #citydr-list li a {
            display: block;
            color: #737373;
            width: 263px;
            height: auto;
            padding: 8px 0 8px 0;
        }

            #citydr-list li a img {
                width: 48px;
                height: 48px;
                border: solid 1px #eee;
                border-radius: 100px;
                float: left;
                overflow: hidden;
                background-color: #fff;
            }

            #citydr-list li a em {
                float: left;
                padding-left: 8px;
                font-style: normal;
                display: block;
                overflow: hidden;
                width: 200px;
                height: auto;
                font-size: 12px;
                font-family: "微软雅黑";
                line-height: 20px;
                color: #C6C6C6;
            }

                #citydr-list li a em b {
                    font-size: 17px;
                    font-style: normal;
                    color: #414141;
                    font-family: "微软雅黑";
                    font-weight: normal;
                    line-height: 30px;
                }

.backToTop {
    display: none;
    position: fixed;
    _position: absolute;
    right: 115px;
    bottom: 60px;
    _bottom: 30px;
    cursor: pointer;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-100+"px");
    z-index: 999;
}

    .backToTop a {
        display: block;
        width: 54px;
        height: 54px;
        background-repeat: no-repeat;
        background-position: -121px -325px;
    }

#typelist {
    display: block;
    padding: 1.2em 0;
    border-bottom: solid 1px #eee;
    height: 6em;
}

    #typelist li {
        display: block;
        float: left;
        width: 12%;
        padding-bottom: .3em;
        padding-right: 2.5em;
    }

        #typelist li a {
            display: block;
            text-align: center;
            padding: .4em 0;
            font-size: 1.5em;
            width: 100%;
        }

            #typelist li a i {
                font-size: .85em;
                color: #000;
                font-style: normal;
            }

            #typelist li a img {
                width: 2.1em;
                height: 2.1em;
                display: block;
                margin: 0 auto;
            }

            #typelist li a:hover {
                display: block;
                text-align: center;
                padding: .4em 0;
                font-size: 1.5em;
                width: 100%;
                text-decoration: none;
            }

                #typelist li a:hover i {
                    color: #f28d00;
                    font-style: normal;
                }

.htitle {
    display: block;
    padding: 1em 0 1.5em 0;
    font-size: 2em;
    color: #a7a7a7;
    text-align: center;
    font-weight: normal;
}

.title {
    display: block;
    padding: .5em 0;
    font-size: 1.5em;
    color: #000;
}

    .title a {
        font-size: 1.6em;
        color: #414141;
        font-weight: bold;
    }

        .title a:hover {
            font-size: 1.6em;
            color: #414141;
            font-weight: bold;
            text-decoration: none;
        }

.cslist .item {
    display: block;
    float: left;
    width: 50%;
    height: auto;
}

    .cslist .item a {
        display: block;
        margin: 0 auto;
        width: 96%;
    }

        .cslist .item a:hover {
            display: block;
            text-decoration: none;
        }

        .cslist .item a img {
            display: block;
            width: 100%;
            /*height: auto;*/
        }

        .cslist .item a span b {
            display: block;
            line-height: 1.6em;
            font-size: 1.2em;
            color: #414141;
            padding-bottom: .2em;
            height: 1.5em;
            overflow: hidden;
            padding: .5em 1em;
        }

        .cslist .item a span .remark {
            display: block;
            line-height: 1.6em;
            font-size: .7em;
            color: #a7a7a7;
            padding: .5em 0;
            font-style: normal;
        }

            .cslist .item a span .remark .pay {
                float: left;
                color: #f28d00;
                font-style: normal;
            }

            .cslist .item a span .remark .re {
                float: right;
                padding-left: 1em;
                color: #a7a7a7;
                font-style: normal;
            }

.cslist .more {
    display: block;
    clear: both;
}

    .cslist .more a {
        display: block;
        padding: .6em 0;
        text-align: center;
        font-size: 1.3em;
        color: #737373;
        background-color: #f9f9f9;
        border-radius: 100em;
        border: solid 1px #eee;
        width: 90%;
        margin: 0 auto;
    }

        .cslist .more a:hover {
            display: block;
            padding: .6em 0;
            text-align: center;
            font-size: 1.3em;
            color: #000;
            background-color: #f0f0f0;
            border-radius: 100em;
            border: solid 1px #e0e0e0;
            width: 90%;
            margin: 0 auto;
            text-decoration: none;
        }

#cslist .load {
    color: #a7a7a7;
    text-align: center;
    font-size: 1em;
    padding: 2em 0;
    clear: both;
}

    #cslist .load img {
        margin-right: .5em;
        position: relative;
        top: .2em;
    }



.h-tit-r {
    background: none;
}

.htit {
    display: block;
    border-left: solid .5em #4BC956;
    padding: 0 1.5em 0 1em;
    font-size: .8em;
    color: #737373;
}

.r-htit {
    display: block;
    padding: 0 0 1.5em 1.2em;
    color: #414141;
    font-size: 1.2em;
}

.hotcslist {
    display: block;
    padding-left: 1.5em;
    width: 100%;
}

    .hotcslist li {
        display: block;
        width: 90%;
        height: 11em;
        overflow: hidden;
    }

        .hotcslist li a img {
            width: 100%;
            height: auto;
            display: block;
        }

        .hotcslist li a i {
            position: relative;
            display: block;
            background-color: #000;
            color: #fff;
            font-size: 1em;
            padding: .8em;
            width: auto;
            top: -3.1em;
            font-style: normal;
            text-align: right;
            background: linear-gradient(bottom,rgba(0,0,0,0.65098) 4%,rgba(0,0,0,0) 99%);
            background: -o-linear-gradient(bottom,rgba(0,0,0,0.65098) 4%,rgba(0,0,0,0) 99%);
            background: -ms-linear-gradient(bottom,rgba(0,0,0,0.65098) 4%,rgba(0,0,0,0) 99%);
            background: -moz-linear-gradient(bottom,rgba(0,0,0,0.65098) 4%,rgba(0,0,0,0) 99%);
            background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.65098) 4%,rgba(0,0,0,0) 99%);
        }

        .hotcslist li a:hover {
            text-decoration: none;
        }

.cpcode {
    display: block;
    padding-left: 1.5em;
}

    .cpcode img {
        width: 160px;
        height: 160px;
        margin: 0 auto;
        display: block;
    }

    .cpcode i {
        font-style: normal;
        display: block;
        font-size: 1em;
        color: #737373;
        text-align: center;
        padding: 1em 0;
    }

body, #menu .item a.on, #menu .item a.on:hover {
    background-color: #fff;
}

#menu .item ul, #menu .item ul li {
    background-color: #eee;
}

    #menu .item ul li a:hover {
        background-color: #f9f9f9;
    }

#menu .item a:hover {
    color: #000;
    background-color: #fff;
}

.pdline {
    display: block;
    padding: 5em 0 0 0;
}

a:hover {
    text-decoration: none;
}

 .btn01 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.btn01 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}

.btn01 .ovrly {
    background-color: rgba(0, 0, 0, 0.5);
    height: 55%;
    left: 0;
    top: -100%;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn01 .buttons {
    position: absolute;
    top: -100%;
    left: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .btn01 .buttons .fa, .btn01 .buttons1 .fa {
        margin: 0 1px;
        background-color: rgb(256, 256, 256);
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: rgba(50, 50, 50, 0.9);
        display: inline-block;
        line-height: 40px;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        width: 100px;
        height: 100px;
    }
/*播放*/
.fa_Play {
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
/*暂停*/
.fa_Stop {
    background-image: url(../img/search.svg);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.btn01:hover .buttons, .buttons1 {
    top: 50%;
}

.btn01:hover .ovrly {
    top: 0;
}

/*点击之后的类*/
/*遮罩层*/
.ovrly1 {
    background-color: rgba(0, 0, 0, 0.5);
    height: 55%;
    left: 0;
    top: 0;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
/*按钮*/
.buttons1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*底部样式*/
.copyright {
    background-color: #272727;
    height: 250px;
    width: 100%;
    margin: 0 auto;
}

.xian {
    background-color: #e58904;
    height: 3px;
    width: 100%;
    margin-bottom: 18px;
}

.nav1, .nav2 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    text-align: center;
}

